﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="MobileOptimized" content="320">
<title>无标题文档</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    
    
</head>

<body>
<div class="wrapper" id="wrapper" >
	<div class="content activity singlepage" >
    
        <div class="thead">
        
        	<!--返回按钮-->
                
            <a href="#" class="arrow">
                                
                <div class="img">
                
                    <img src="images/ret.png"/>
                    
                </div>

            </a>
            
            <!--返回按钮end-->
    
            <div class="m">
            	<span class="st">确认购买</span>
            </div>

        
        </div>

        <div class="tbody">
        
            <div class="activity details">
                
                <div class="edi_pay">
                
                	<a href="#">
                
                        <div class="infor">
                        
                            <!--<div class="items">
                            
                                <div class="img">
                                
                                    <span class="img"><img src="images/act6.jpg"></span>
                                
                                </div>
    
                                <div class="wd"  style="max-width: 550px;">
                                
                                    <span class="st">生态学博士带队，自然博物馆深度游，自然博物馆深度游</span>
                                    
                                    
                                    <span class="time" >
                                    
                                        叮当派叮当派叮当派叮当派叮当派叮当派叮当派
                                    
                                    </span>
                                    
                                    <span class="t_user">
                                    
                                        <div class="x1">
                                            
                                            <div class="user s2">免费 ￥320</div>
                                        
                                        </div> 
                                        
                                        
                                        
                                    </span> 
                                    
                                </div>
                                
                            </div>-->
                            
                            <div class="u_tit">余耀德美术馆《雨雾亚洲首展》</div>
                            
                            <div class="u_tit1">文案文案文案文案文案文案文案文案</div>
                            
                            <div class="u_ret"></div>
                    
                        </div>
                    
                    </a>
                
                </div>
                
              	<div class="edi_pay" style=" margin-bottom:0;">
                
                	<div class="trip" style="padding-bottom:0;">
                    
                    	<a href="#" class="add_time xz">
                        
                        	<div class="y1">11月17日 周六 14:00</div>
                        	
                        </a>
                        
                        <a href="#" class="add_time" style="margin-right:0;">
                        
                        	<div class="y1">11月17日 周六 14:00</div>
                        	
                        </a>
                        
                        <a href="#" class="add_time">
                        
                        	<div class="y1">11月17日 周六 14:00</div>
                        	
                        </a>
                        
                        <a href="#" class="add_time" style="margin-right:0;">
                        
                        	<div class="y1">11月17日 周六 14:00</div>
                        	
                        </a>
                        
                        <a href="#" class="add_time">
                        
                        	<div class="y1">11月17日 周六 14:00</div>
                        	
                        </a>
                        
                        
                        <a href="#" class="add_time on" style="margin-right:0;">
                        
                        	<div class="y1">11月17日 周六 14:00</div>
                        	
                        </a>
                    
                    
                    </div>
                
                </div>
                
                
                <div class="title" style="padding-top:0px; padding-bottom:0px;">
                
                    <div class="trip" style="position:relative;">        
                    
                        <div class="rets" style="border:none; width:100%; ">
                        
                        	<span class="text">成人 ￥300</span>
                            
                            <span class="text" style="float:right; color:#999; font-size:1.2rem; margin-right:100px;" >剩余10</span>
                            
                        
                        </div>
                        
                        <div class="switch demo2" style="width:100px;">
                        
                        	<a href="#"><span class="jian chick">+</span></a>
                            <a href="#">

                            	<div class="txt">1</div>

                            </a>
                            <a href="#"><span class="jia chick">-</span></a>
                        
                        </div> 
                    
                    </div>
                
                </div>
                
                <div class="xt_ec"></div>
                
                
                <div class="title" style="margin-top:0px; padding-top:0px; padding-bottom:0px;">
                
                    <div class="trip" style="position:relative;">        
                    
                        <div class="rets" style="border:none; width:100%; ">
                        
                        	<span class="text">儿童 ￥200</span>
                            <span class="text" style="float:right; color:#999; font-size:1.2rem; margin-right:100px;" >剩余10</span>
                        
                        </div>
                        
                        <div class="switch demo2" style="width:30%;">
                        
                        	<a href="#"><span class="jian chick">+</span></a>
                            <a href="#">

                            	<div class="txt">1</div>

                            </a>
                            <a href="#"><span class="jia">-</span></a>
                        
                        </div> 
                    
                    </div>
                
                </div>
                
                <div class="xt_ec"></div>
                
                
                
                <div class="title" style="margin-top:0px; padding-top:0px; padding-bottom:0px;">
                
                    <div class="trip" style="position:relative;">        
                    
                        <div class="rets" style="border:none; ">
                        
                        	<span class="text">积分 可用积分450，抵￥5.5</span>
                        
                        </div>
                        
                        <div class="ret1">
                        
                        	<input class="jf" placeholder="0" name="" type="text" />
                        
                        </div> 
                    
                    </div>
                
                </div>
                
                <div class="xt_ec"></div>
                
                <div class="title" style="margin-top:0px; padding-top:0px; padding-bottom:0px;">
                
                    <div class="trip" style="position:relative;">        
                    
                        <div class="rets" style="border:none; width:60%; ">
                        
                        	<span class="text">总价</span>
                        
                        </div>
                        
                        <div class="switch demo2" style="width:40%;">
                        
                        	<div class="t_txt">￥500</div>
                        
                        </div> 
                    
                    </div>
                
                </div>
                
                
                <div class="xt_ec"></div>
                
                
                
                <div class="title" style="margin-top:0px; padding-top:0px; padding-bottom:0px;">
                
                    <div class="trip" style="position:relative;">        
                    
                        <div class="rets" style="border:none; width:30%; ">
                        
                        	<span class="text">选票电话</span>
                        
                        </div>
                        
                        <div class="ret1" style="width:65%;">
                        
                        	<input class="jf" placeholder="请输入联系方式" name="" type="text" />
                        
                        </div> 
                    
                    </div>
                
                </div>
                
                <div class="titles">
                
                	<div class="trip">
                            
                    	<textarea class="intro" placeholder="备注信息" style="height:6rem;"></textarea>
                        
                      	<span style="float:right; color:#666;"> </span>    
                            
                  	</div>  
                    
                </div>
                
                <div class="item_but_clear"></div>
            
            </div>
                
      	</div>
        
        <!--<div class="editor" style="background:none; border:none;">
            <a class="add_mins" href="#">确 认（2）</a>
        </div>-->
        
        <!--<a href="#" class="notice">注意事项</a>-->
        
        <!--<div class="ext12"> 
        	<div class="flaot14">
            
            	<div class="cet">
                
                    <span class="s1">注意事项（必看）</span><br />
                    
                    <span class="s2">1）叮当派第三方网络平台作为第三方技术提供者，仅为活动组织者及平台用户双方提供网络平台服务及相应的技术维护与支持。<br />
    2）平台上所展示的所有活动，均由该活动组织者直接提供活动安排及服务。叮当派将在最大程度提醒活动组织者，但并不对该等活动的真实性、准确性和完整性负责，用户应对参与活动自行判断，包括但不限于活动内容、资金交易等，叮当派均不作任何担保，也不承担由此引起的任何经济和法律责任。如用户发现活动组织者存在虚假、欺骗等情况，应及时告知叮当派，叮当派将视情况协助用户采取相应措施，必要时采取法律手段保护用户权利。<br />
    3）活动过程中，用户应注意财产和人身安全，对自身情况和活动要求做好充分评估。叮当派不承担因用户财产损失和/或人身伤害引起的经济和法律责任。<br />
    4）其它应知事项和条款，请详细阅读《用户协议》。<br />
                    </span>
                    
                </div>
                <a href="#" class="fot">
                	
                    我知道了
                
                </a>
            
            </div>
            
        </div>-->
        
        
        <!--foot buttom-->
        
        <div class="item_pay">
            
            <a class="sign" href="#" style="width:100%;">
            
                <div class="b">去支付</div>
            
            </a>
            
        </div>
        
        <!--end foot-->
        
        <!--弹出层-->

        <div class="item_ext" id="item_ext" style="display:none;">    

            <div class="item_float" style="bottom:44px;">
                
                <div class="trip">
                
                    <div class="a1">成人</div>
                    <div class="a2">￥<span class="t1">50</span></div>
                    <div class="a4">*</div>
                    <div class="a3">2位</div>
                
                </div>
                
                <div class="trip">
                
                    <div class="a1">成人</div>
                    <div class="a2">￥<span class="t1">30</span></div>
                    <div class="a4">*</div>
                    <div class="a3">1位</div>
                
                </div>
                
            </div>
        
        </div>
        
        <!--end弹出层-->
        
        
    </div>

</div>




</body>
</html>
